<template>
  <ul>
    <Tree :data="treeData"></Tree>
  </ul>
</template>

<script>
export default {
  data() {
    return {
      treeData: {
        name: "我的目录",
        children: [
          { name: "笔记1" },
          { name: "笔记2" },
          {
            name: "文件夹",
            children: [
              {
                name: "子文件夹",
                children: [{ name: "笔记" }, { name: "笔记" }]
              },
              { name: "笔记" },
              { name: "笔记" },
              {
                name: "子文件夹",
                children: [{ name: "笔记" }, { name: "笔记" }]
              }
            ]
          }
        ]
      }
    };
  }
};
</script>